<template>
  <div class="serve">
    <!-- 头部 -->
    <HeadPersonal></HeadPersonal>

    <!-- register -->
    <div class="register">
      <!-- registerOne -->
      <div class="registerOne">
        <div class="block">
          <div class="registerOneC">
            <div class="registerOneCNPC">
              <div class="registerOneCNPCNS">
                <p>1</p>
                <h4>填写手机号</h4>
              </div>
              <div class="registerOneCNPCNS">
                <p>2</p>
                <h4>输入密码</h4>
              </div>
              <div class="registerOneCNPCNS">
                <p>3</p>
                <h4>输入邮箱</h4>
              </div>
              <div class="registerOneCNPCNS">
                <p>4</p>
                <h4>绑定微信</h4>
              </div>
              <div class="registerOneCNPCNS on">
                <p>5</p>
                <h4>完成注册</h4>
              </div>
              <div class="clear"></div>
              <div class="registerOneCNPCNhr"></div>
            </div>
            <div class="registerOneCNMOB">
              <p>5</p>
              <h4>完成注册</h4>
            </div>
            <div class="registerOneCFC">
              <img src="../../static/images/registerOneCFC.png" />
              <h4>恭喜您，注册成功</h4>
              <p>
                您可以选择跳转至
                <nuxt-link :to="{name: 'index'}">首页</nuxt-link>或者
                <nuxt-link :to="{name: 'member'}">个人中心</nuxt-link>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 底部 -->
    <HomeHooter></HomeHooter>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import "@/assets/css/personal.css";
import HeadPersonal from "@/components/headregister";
import HomeHooter from "@/components/footer";

export default {
  name: "register",
  data() {
    return {};
  },
  components: {
    HeadPersonal,
    HomeHooter
  },
  methods: {}
};
</script>

<style scoped>
</style>